
<html>
<head>
    <title>河南整形美容医院</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <link sizes="114x114" rel="apple-touch-icon-precomposed" href="/statics/images/logo.png">
    <script>
        window.onerror = e => {
            console.error(e)
            alert(e)
        }
    </script>
    <script>
        function docReady(fn) {
            if (document.readyState === 'complete' || document.readyState === 'interactive') {
                fn()
            } else {
                document.addEventListener('DOMContentLoaded', fn);
            }
        }
        docReady(async function() {
            var ua = navigator.userAgent.toLowerCase();
            var isWXWork = ua.match(/wxwork/i) == 'wxwork';
            var isWeixin = !isWXWork && ua.match(/MicroMessenger/i) == 'micromessenger';
            var isMobile = false;
            var isDesktop = false;
            if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) {
                isMobile = true;
            } else {
                isDesktop = true;
            }
            console.warn('ua', ua);
            console.warn(ua.match(/MicroMessenger/i) == 'micromessenger');
            var m = ua.match(/MicroMessenger/i);
            console.warn(m && m[0] === 'micromessenger');
            if (isDesktop) {
                // 在 pc 上则给提示引导到手机端打开
                var containerEl = document.getElementById('desktop-web-container');
                containerEl.classList.remove('hidden');
                containerEl.classList.add('full', 'desktop-web-container');
            } else {
                var containerEl = document.getElementById('public-web-container');
                containerEl.classList.remove('hidden');
                containerEl.classList.add('full', 'public-web-container');

                var buttonEl = document.getElementById('public-web-jump-button');
                var buttonLoadingEl = document.getElementById('public-web-jump-button-loading');
                try {
                    await openWeapp(() => {
                        buttonEl.classList.remove('weui-btn_loading');
                        buttonLoadingEl.classList.add('hidden');
                    });
                } catch (e) {
                    buttonEl.classList.remove('weui-btn_loading');
                    buttonLoadingEl.classList.add('hidden');
                    throw e;
                }
            }
        });
        async function openWeapp(onBeforeJump) {
            if (onBeforeJump) {
                onBeforeJump();
            }
            location.href = '{$openlink}';
        }
    </script>
    <style>
        .css-y2sgrg {
            flex: 110%;
            place-self: stretch;
            max-height: 20%;
        }
        .css-2l24hr {
            width: 104px;
            height: 104px;
        }
        .css-ch9s1 {
            color: rgba(0, 0, 0, 0.3);
            font-size: 14px;
            margin-left: 4px;
        }
        .css-164sloq {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            flex-direction: row;
            margin-top: 8px;
            height: 16px;
        }
        /*移动端打开小程序按钮样式*/
        .public-web-container a {
            position: absolute;
            bottom: 40%;
        }
        .weui-btn_primary {
            background-color: #07c160;
        }
        .weui-btn {
            position: relative;
            display: block;
            width: 184px;
            padding: 8px 24px;
            box-sizing: border-box;
            font-weight: 700;
            font-size: 17px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            line-height: 1.4;
            border-radius: 4px;
            overflow: hidden;
        }
        .hidden {
            display: none;
        }
        .full {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .public-web-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .public-web-container p {
            /*position: absolute;*/
            top: 36%;
        }
        .public-web-container a {
            position: absolute;
            bottom: 50%;
        }
        .desktop-web-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .desktop-web-container p {
            position: absolute;
            top: 40%;
        }
    </style>
</head>
<body>
<div class="page full">
    <div id="public-web-container" class="hidden">
        <div class="css-y2sgrg"></div>
        <img class="css-2l24hr" src="/statics/images/logo.png">
        <p class="css-1yuhvjn">河南整形美容医院</p>
        <div class="css-164sloq">
            <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.3">
                    <g id="微信内场景" transform="translate(-176.000000, -812.000000)" fill="#000000">
                        <g id="icon9" transform="translate(176.000000, 812.000000)">
                            <path d="M11.3361967,8.66050077 L11.1789137,8.66304579 C10.7033442,8.66304579 10.426618,8.31418144 10.6053953,7.91197299 C10.7278216,7.62631149 11.0040274,7.40569744 11.3302259,7.3332391 C12.2029744,7.12257565 12.7959531,6.44047769 12.7959531,5.64749734 C12.7959531,4.68611492 11.8780792,3.90266241 10.7316294,3.90266241 C9.58517963,3.90266241 8.66730564,4.68611492 8.66730564,5.64749734 L8.66730564,10.4398296 C8.66730564,12.1277754 7.15859847,13.4873269 5.30031949,13.4873269 C3.44204051,13.4873269 1.93333333,12.1277754 1.93333333,10.4398296 C1.93333333,8.95977617 3.1015619,7.69644178 4.69329073,7.45623003 L4.82108626,7.45623003 C5.18112878,7.45623003 5.44046858,7.67176377 5.4404683,7.9795716 C5.44062186,8.03231416 5.43934077,8.05668642 5.4341334,8.08793065 C5.42711363,8.13004926 5.41344505,8.17036253 5.39460473,8.20730283 C5.27985616,8.47504949 4.98651411,8.70685787 4.66977413,8.78603673 C3.8033311,8.99517815 3.20404686,9.67311146 3.20404686,10.4398296 C3.20404686,11.401212 4.12192084,12.1846645 5.26837061,12.1846645 C6.41482037,12.1846645 7.33269436,11.401212 7.33269436,10.4398296 L7.33269436,5.64749734 C7.33269436,3.95955157 8.84140153,2.6 10.6996805,2.6 C12.5579595,2.6 14.0666667,3.95955157 14.0666667,5.64749734 C14.0666667,7.13540842 12.9259173,8.38402762 11.3361967,8.66050077 Z" id="图标颜色"></path>
                        </g>
                    </g>
                </g>
            </svg>
            <p class="css-ch9s1">小程序</p>
        </div>
        <a id="public-web-jump-button" href="javascript:" class="weui-btn weui-btn_primary weui-btn_loading" onclick="openWeapp()">
            <span id="public-web-jump-button-loading" class="weui-primary-loading weui-primary-loading_transparent"><i class="weui-primary-loading__dot"></i></span>
            打开小程序
        </a>
    </div>
    <div id="desktop-web-container" class="hidden">
        <p class="">请在手机中打开网页链接</p>
    </div>
</div>
</body>
</html>
